<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>切换动态数据源</title>
    <script src="js/jquery-3.4.1.js"></script>
</head>
<body>
    <div>
        请选择数据源：
        <select id="" onchange="dsChange(this.options[this.options.selectedIndex].value)">
            <option value="请选择">请选择</option>
            <option value="master">master</option>
            <option value="slave">slave</option>
        </select>
    </div>
    <div id="result"></div>
    <button onclick="loadData()">加载数据</button>

    <script>
        /**
         * 数据源改变
         * @param value 数据源类型
         */
        function dsChange(value) {
            $.post("/dataSource/switch", {dataSourceType: value});
        }

        function loadData() {
            $.get("/user/list", function (data) {
                $("#result").html(JSON.stringify(data));
            })
        }

    </script>
</body>
</html>